<div class="m3 modal-content">
    <div class="modal-header">
        <h3>设置投放地域</h3>
        <br>
        <div class="panel panel-default">
            <div class="panel-heading">
                   <p>您可以根据该计划内的您想主推的商品品类在各地区的搜索、成交、转化表现，选择您希望投放的区域。各品类在不同区域的数据表现可以通过左侧栏“工具>>流量解析”功能查看，<a href=" #">了解详情>></a></p>
            </div>
        </div>
    </div>
    <div class="modal-body">
        <div class="input-group col-sm-3">
            <input type="text" class="form-control" placeholder="省/市">
            <span class="input-group-btn">
                <button class="btn btn-default" type="button">
                    <span class="glyphicon glyphicon-search"></span>
                </button>
            </span>
        </div>
        <br>
        <div class="panel panel-default">
            <div class="panel-heading">
                <p class="text-center"><strong>请选择投放区域</strong></p>
            </div>
            <table class="table table-bordered" >
                <tbody>
                <tr>
                    <td rowspan="2" class="area"><input type="checkbox" value="option1" class="marquee" name="game"  ng-checked="all"><label class="area1">华北地区</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all" ><label class="area3">北京</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all" ><label class="area3">天津</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                河北(11)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">石家庄
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">唐山
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">邯郸
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                山西(11)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">大同
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">太原
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">晋城
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                内蒙古
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">包头
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">呼和浩特
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">乌海
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="area"><input type="checkbox" value="option1" class="marquee1" name="game" ng-checked="all"><label class="area2">东北地区</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                辽宁(14)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">沈阳
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">大连
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">抚顺
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                吉林(9)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">长春
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">通化
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">白城
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td colspan="2">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                黑龙江(13)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">哈尔滨
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">鸡西
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">黑河
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td rowspan="2" class="area"><input type="checkbox" value="option1" class="marquee" name="game" ng-checked="all"><label class="area1">华东地区</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">上海</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                江苏(13)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">苏州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">扬州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">徐州
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                浙江(11)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">杭州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">温州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">宁波
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                福建(11)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">福州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">厦门
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">泉州
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                安徽(17)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">合肥
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">淮南
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">淮北
                                </li>
                            </ul>
                        </div></td>
                    <td colspan="3">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                山东(17)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">济南
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">青岛
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">东营
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="area"><input type="checkbox" value="option1" class="marquee1" name="game" ng-checked="all"><label class="area2">华中地区</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                河南(18)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">开封
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">郑州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">洛阳
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                湖北(17)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">武汉
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">宜昌
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">襄阳
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                      <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                湖南(13)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">长沙
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">衡阳
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">湘潭
                                </li>
                            </ul>
                        </div></td>
                    <td>
                      <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                江西(11)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">南昌
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">九江
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">上饶
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="area"><input type="checkbox" value="option1" class="marquee1" name="game" ng-checked="all"><label class="area2">华南地区</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                广东(21)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">广州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">深圳
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">汕头
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                海南(14)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">海口
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">三亚
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">琼海
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td colspan="2">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                广西(14)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">南宁
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">北海
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">桂林
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td rowspan="2" class="area"><input type="checkbox" value="option1" class="marquee" name="game" ng-checked="all"><label class="area1">西南地区</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">重庆</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                四川(21)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">成都
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">攀枝花
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">绵阳
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                云南(16)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">昆明
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">保山
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">丽江
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                贵州(9)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">遵义
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">贵阳
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">安顺
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                西藏自治区
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">拉萨
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">山南
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">昌都
                                </li>
                            </ul>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td rowspan="2" class="area"><input type="checkbox" value="option1" class="marquee" name="game" ng-checked="all"><label class="area1">西北地区</label></td>
                    <td>
                        <input type="checkbox" value="option1" name="game"  ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                陕西(14)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">西安
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">宝鸡
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">咸阳
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                甘肃(14)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">兰州
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">金昌
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">白银
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td>
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                            <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                                青海(8)
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">西宁
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">海东
                                </li>
                                <li role="presentation">
                                    <input type="checkbox" value="option1" name="game" ng-checked="all">玉树
                                </li>
                            </ul>
                        </div>
                    </td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">宁夏</label></td>
                </tr>
                <tr>
                    <td colspan="4">
                        <input type="checkbox" value="option1" name="game" ng-checked="all">
                        <div class="dropdown">
                        <a href="" type="button" class="dropdown-toggle" data-toggle="dropdown">
                            新疆
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                            <li role="presentation">
                                <input type="checkbox" value="option1" name="game" ng-checked="all">乌鲁木齐
                            </li>
                            <li role="presentation">
                                <input type="checkbox" value="option1" name="game" ng-checked="all">吐鲁番
                            </li>
                            <li role="presentation">
                                <input type="checkbox" value="option1" name="game" ng-checked="all">哈密
                            </li>
                        </ul>
                    </div></td>
                </tr>
                <tr>
                    <td class="area"><input type="checkbox" value="option1" class="marquee1" name="game" ng-checked="all"><label class="area2">其他地区</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">台湾</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">香港</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">澳门</label></td>
                    <td><input type="checkbox" value="option1" name="game" ng-checked="all"><label class="area3">国外</label></td>
                </tr>
                </tbody>
            </table>

            <div class="panel-footer">
                <button class="btn btn-default btn-xs" type="button" ng-click="a()">全部选中</button>
                <button class="btn btn-default btn-xs" type="button" ng-click="b()">全部取消</button>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" type="button" ng-click="ok()">保存设置</button>
        <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
    </div>
</div>